@@include('../00.global/include-header.html')
     
  <body class="page">
  
  
          
    @@include('../00.global/include-loader.html')
    
    

  
  
    <div class="wrapper">
    
        <!-- Header Area
        ============================================= -->      
        <header class="header-area transition">
            
             <div class="header-container transition">
                 <div class="container">
                 
                        @@include('../00.global/include-brand.html')
                        
                        @@include('../00.global/include-menu.html')
                        
                        
                        
                        
                  </div>
                  <!-- .container end -->
                  
                  <div class="clear"></div>
             </div>
        
        </header>
        <div class="header-inner auto-height"></div>
      
     
       
    
        <!-- Parallax & Overlay Demo
        ============================================= --> 
     
        
        <section class="space-none" id="parallax-test-1">
            <div class="parallax parallax-auto height-100" data-speed="0.1" data-image-src="assets-demo/images/spiral-galaxy-1920x1080.jpg">
                <img class="parallax-img" src="assets-demo/images/spiral-galaxy-1920x1080.jpg" alt="parallax">
                <div class="pos-vertical-align t-c">
                    <h1>Fulscreen + Vertically Centered Text</h1>
                </div>
            </div>
        </section>
        <!--  #parallax-test-1  end -->
        
        <section class="space-sm" id="parallax-test-1_2">
            <div class="parallax parallax-auto height-100" data-speed="0.4" data-image-src="assets-demo/images/spiral-galaxy-1920x1080.jpg">
                <img class="parallax-img" src="assets-demo/images/spiral-galaxy-1920x1080.jpg" alt="parallax">
                
				<div class="pos-vertical-align t-c">
					<h1 class="parallax-element" data-el-speed="-0.2">Fulscreen + Parallax Element</h1>
				</div>
                
            </div>
        </section>
        <!--  #parallax-test-1_2  end -->
            
            
        <section class="space-sm" id="parallax-test-1_3">
            <div class="parallax parallax-auto height-100" data-speed="0.4" data-image-src="assets-demo/images/spiral-galaxy-1920x1080.jpg">
                <img class="parallax-img" src="assets-demo/images/spiral-galaxy-1920x1080.jpg" alt="parallax">
                <div class="pos-normal-align t-c">
                    <h1>Fulscreen + Normal Text</h1>
                </div>

            </div>
        </section>
        <!--  #parallax-test-1_3  end -->        
            
            
            
        
        <section class="space-sm" id="parallax-test-2">
            <div class="parallax parallax-auto height-30" data-speed="0.1" data-image-src="assets-demo/images/spiral-galaxy-1920x1080.jpg">
                <img class="parallax-img" src="assets-demo/images/spiral-galaxy-1920x1080.jpg" alt="parallax">
                <div class="pos-vertical-align t-c">
                    <h2>Has class "height-30"</h2>
                </div>
            </div>
        </section>
        <!--  #parallax-test-2  end --> 
        
        
        
        <section class="space-sm" id="parallax-test-3">
            <div class="parallax parallax-auto height-100 overlay-bg overlay-bg-black overlay-text-white" data-speed="0.3" data-image-src="assets-demo/images/spiral-galaxy-1920x1080.jpg">
                <img class="parallax-img" src="assets-demo/images/spiral-galaxy-1920x1080.jpg" alt="parallax">
                <div class="pos-vertical-align t-c">
                    <div class="row">
                        <div class="col-md-8 col-md-offset-2">
                            <h1>This is A Very Long characters Title Demonstrate!</h1>
                        </div>
                    </div>
                    <!-- .row end -->
                </div>
                <!-- .pos-vertical-align  end -->
            </div>
        </section>
        <!--  #parallax-test-3  end --> 
        
        
        
        <section class="space-sm" id="parallax-test-4">
            <div class="parallax parallax-auto" data-speed="0.2" data-image-src="assets-demo/images/spiral-galaxy-1920x309.jpg">
                <img class="parallax-img" src="assets-demo/images/spiral-galaxy-1920x309.jpg" alt="parallax">
                <div class="pos-vertical-align t-c">
                    <h2>A Small Background Image ( Unspecified height )</h2>
                </div>
            </div>
        </section>
        <!--  #parallax-test-4  end --> 
        
        
        
        <section class="space-sm" id="parallax-test-5">
            <div class="parallax parallax-auto" data-height="225px" data-skew="-3" data-speed="0" data-parallax="scroll" data-image-src="assets-demo/images/spiral-galaxy-1920x309.jpg">
                <img class="parallax-img" src="assets-demo/images/spiral-galaxy-1920x309.jpg" alt="parallax">
                <div class="pos-vertical-align t-c">
                    <h2 class="skew-element">None Parallax Effect</h2>
                </div>
            </div>
        </section>
        <!--  #parallax-test-5  end --> 
        
        
        
        <section class="space-sm" id="parallax-test-6">
           <div class="parallax parallax-default-size height-30 overlay-bg-black-pure overlay-text-white" data-speed="0" data-image-src="">
                <div class="pos-vertical-align t-c">
                    <h2>Not centered, Has class "height-30", No &lt;img&gt;</h2>
                </div>
           </div>
        </section>
        <!--  #parallax-test-6  end --> 
        
        
        <section class="space-sm" id="parallax-test-7">
           <div class="parallax parallax-default-size" data-height="200px" data-width="100%" data-speed="0.3" data-image-src="assets-demo/images/spiral-galaxy-1920x309.jpg"></div>
        </section>
        <!--  #parallax-test-7  end --> 

            
        @@include('../00.global/include-copyright.html')
        
        
    </div>
    <!-- .wrapper end -->
       
       
    @@include('../00.global/include-footer.html')

